<template>
  <div>
    <h2 v-bind="$attrs">{{ title }}</h2>
    <p>{{ content }}</p>
  </div>
</template>

<script>
export default {
  inheritAttrs: false,
  // props: ["title", "content"],
  props: {
    title: String,
    content: String,
    info: {
      type: Object,
      default() {
        return { name: "why" };
      },
    },
  },
};
</script>

<style scoped></style>
